<template>
	<view class="com-category-box middleCenter" :style="{
		background:find.backgroundColor
	}">
		<uni-icons class="cateIcon" custom-prefix="iconfont" :type="find.icon" size="20"></uni-icons>
	</view>
</template>

<script setup>
	import {recordList} from '@/utils/config.js'
	const props = defineProps({
		type: {
			type: String,
			default: ''
		}
	})
	
	let f = recordList.find(item => item.key === props.type)
	let find = f || {}
</script>

<style lang="scss" scoped>
.com-category-box{
	width: 80rpx;
	height: 80rpx;
	border-radius: 100%;
	.cateIcon{
		color: #fff !important;
		font-size: 30rpx !important;
	}
}
</style>